<template>
	<div id="Index">
		<v-header>
			<div class="headers ">
				<div class="width-1200 my-flex-between">
					<div class="left">
						<span>欢迎来到物流!</span>
						<span class="base-color">请登录</span>
						<span>快速注册</span>
					</div>
					<div class="right">
						<span>订单查询</span>
						<span @click="changeRouter('/center/userCenter/index')" class="hover">个人中心</span>
						<div class="line"></div>
						<img src="../../assets/wuliu/tel.png" alt="" />
						<span>手机xx</span>
					</div>
				</div>
			</div>

			<div class="types">
				<div class="width-1200 my-flex-left">
					<div class="left"></div>
					<div class="right my-flex-left">
						<li class="hover" :class="[{'active':isActive('price')}]" @click="changeRouter('price')">首页</li>
						<li class="hover" :class="[{'active':isActive('goods')}]" @click="changeRouter('goods')">货源大厅</li>
						<li class="hover">车源大厅</li>
						<li class="hover">新闻资讯</li>
						<li class="hover">关于我们</li>
					</div>
					
					<div class="published my-flex-center" v-if="isActive('goods')">
						<li class="my-flex-center hover" @click="changeRouter('publish')">发布货源</li>
						<li class="my-flex-center hover" @click="changeRouter('publish')">发布车源</li>
					</div>
					
				</div>
			</div>
		</v-header>
		<div class="header-place"></div>
		<v-content class="width-1200">			
			<router-view></router-view>
		</v-content>
	</div>
</template>

<script>
	import { mapState } from "vuex";
	import service from '@/js/services/price';
	export default {
		inject: ['reload', 'closeLoading', 'openLoading', 'changeRouter'],
		data() {
			return {

			}
		},
		created() {

		},
		mounted() {

		},
		activated() {

		},
		destroyed() {

		},
		filters: {

		},
		watch: {

		},
		methods: {
			isActive(page) {
				return this.$route.path.indexOf(page) > -1;
			}
		}
	}
</script>

<style lang="less" src="../../less/page/index/index.less"></style>